@import './adapter.less';
@import './YSY_common.less';
@commonWidth:32;
@commonColor:#ff841d;

html,body{
    width:100%;
    height:100%;
    max-width: 640px;
    min-width:320px;
    // background-color: aquamarine;
}
.layout{
    height:100%;
    width:100%;  
    #header{
        background-color: @commonColor;
        position: static;
        button{
            color:#fff;
        }
    }
    .ysy_very_content{
        background-color: #fff;
        margin:0 15px;
        h3{
            padding:10px 5px;
            font-size: 18px;
            color:#666;

        }
        .info{
            font-size: 12px;
            color:#666;
            padding-left: 10px;
        }
        .picwrap{
            img{
                float:right;
                width:30%;
            }
        }
        .conn{
            padding:20px 0;
            margin:0 20px;
            p{
                color:#666;
                line-height: 24px;
                word-break: break-all;
                font-size:16px;
            }
            p:nth-last-of-type(1){
                text-align: center;
                img{
                    width:70%;
                    height: 100%;
                }
            }
        }
        .golink{
            background-color: #ff841d;
            width:80%;
            padding:8px 0;
            border-radius:5px;
            text-align: center;
            margin:0 auto;
           a{
            color:#fff;
            display: block;
            width:100%;
            height:100%;
           }
        }
        .tit{
            padding-bottom: 10px;
            padding-left:10px;
        }
        .ctrl{
            width:100%;
            border-top:1px solid #ccc;
            position: relative;
            height:40px;
        }
        .tjdp{
            background-color: #ff841d;
            border:none;
            text-align: right;
            position: absolute;
            right:0;
            bottom:0;
            height:38px;
        }
      
        textarea{
            border:none;
            margin-bottom: 0!important;
        }
        .form{
            border:1px solid #ccc;
            margin-bottom:10px;
        }
            .reply{
                padding:0 15px;
            }
          
            #discounttext{
                margin-bottom:0;
                border:none;
            }
         
          
           
    
        .Newtitle{
            margin-top:10px;
            margin-left:10px;
        }
        .list{
            margin:10px 0;
            ul{
                li{
                    display: flex;
                    padding:10px 0;
                    .userimg{
                        flex:3;
                        text-align: center;
                        img{
                            width:70%;
                        }
                    }
                    .con{
                        flex:8;
                        .name{
                            display: flex;
                           
                            .username{
                                flex:6;
                                font-size: 12px;
                                color:blue;
                            }
                            .time{
                                flex:6;
                                font-size: 12px;
                                color:#ccc;

                            }
                        }
                        .content{
                            padding-top:10px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}